<template>
	<view class="content">
		<view class="message_view">
			<view class="person_message_view">
				<view class="account_view">
					<image class="person_picture" src="../../static/logo.png"></image>
					<view class="text_content">
						<text class="t_1">seeklife</text>
						<text class="t_2">phoneNumber</text>
					</view>
				</view>
				
				<button class="exit" @click="tologinPage">退出登录</button>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [{id: "1", name: 'A'}, {id: "2", name: 'B'}, {id: "3", name: 'C'}]
			}
		},
		methods: {
			tologinPage() {
				//没有动画
				uni.redirectTo({
					url: '../loginPage/loginPage'
				})
			}
		},
		//加载页面时请求数据,个人信息头像，名称，电话号码
		onLoad(){
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #55aaff;
		height: 100%;
		// clear: both;
	}
	
	.cell_a {
		height: 80rpx;
	}
	
	.content {
		position: fixed;
		height: 100%;
		background-color: #55aaff;
		// clear: both;
		/* display: flex; */
		/* flex-direction: column; */
	}
	
	.message_view {
		position: fixed;
		margin-top: 165rpx;
		width: 750rpx;
		height: 100%;
		// padding: 10rpx;
		clear: both;
		background-color: #FFFFFF;
		border-radius: 30px 30px 0 0;
		.person_message_view {
			position: fixed;
			margin-top: 30rpx;
			margin-left: 20rpx;
			margin-right: 20rpx;
			width: 710rpx;
			height: 100%;
			// background-color: #55A532;
			.account_view {
				width: 100%;
				height: 200rpx;
				background-color: #55aaff;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-around;
				border-radius: 10px;
				-moz-box-shadow:2px 2px 10px #A9A9A9;
				-webkit-box-shadow:2px 2px 10px #A9A9A9;
				box-shadow:2px 2px 10px #A9A9A9;
				.person_picture {
					border-radius: 100%;
					height: 150rpx;
					width: 150rpx;
					background-color: #222222;
				}
				.text_content {
					// background-color: #999999;
					height: 150rpx;
					width: 300rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.t_1 {
						// background-color: #0077AA;
						display: block;
						color: #FFFFFF;
					}
					.t_2 {
						// background-color: #0086B3;
						display: block;
						color: #FFFFFF;
					}
				}
			}
			.exit {
				height: 80rpx;
				line-height: 80rpx;
				background-color: #FFFFFF;
				border: 1px solid #55aaff;
				font-size: 15px;
				color: #55aaff;
				top: 15%;
			}
		}
	}
</style>
